<!DOCTYPE html><html lang="zh-CN" data-theme="light"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0,viewport-fit=cover"><title>Markdown语法及原理从入门到高级 | king blog</title><meta name="author" content="0xking"><meta name="copyright" content="0xking"><meta name="format-detection" content="telephone=no"><meta name="theme-color" content="#ffffff"><meta name="description" content="一、Markdown纯文本基本语法1. 标题Markdown 支持两种标题的语法，类 Setext 和类 atx 形式。 类 Setext 形式是用底线的形式，利用 &#x3D; （最高阶标题）和 - （第二阶标题），例如： 1This is an H1 &#x3D;&#x3D;&#x3D;&#x3D;&#x3D;&#x3D;&#x3D; This is an H2 ----------  效果如下： This is an H1This is an H2任何数量的">
<meta property="og:type" content="article">
<meta property="og:title" content="Markdown语法及原理从入门到高级">
<meta property="og:url" content="https://gitee.com/lancewk/post/417e2c66.html">
<meta property="og:site_name" content="king blog">
<meta property="og:description" content="一、Markdown纯文本基本语法1. 标题Markdown 支持两种标题的语法，类 Setext 和类 atx 形式。 类 Setext 形式是用底线的形式，利用 &#x3D; （最高阶标题）和 - （第二阶标题），例如： 1This is an H1 &#x3D;&#x3D;&#x3D;&#x3D;&#x3D;&#x3D;&#x3D; This is an H2 ----------  效果如下： This is an H1This is an H2任何数量的">
<meta property="og:locale" content="zh_CN">
<meta property="og:image" content="https://d-sketon.top/img/backimg/bg2.jpg">
<meta property="article:published_time" content="2024-04-01T10:18:49.000Z">
<meta property="article:modified_time" content="2024-04-12T10:29:26.122Z">
<meta property="article:author" content="0xking">
<meta property="article:tag" content="Hexo">
<meta property="article:tag" content="博客">
<meta name="twitter:card" content="summary">
<meta name="twitter:image" content="https://d-sketon.top/img/backimg/bg2.jpg"><link rel="shortcut icon" href="/lancewk/img/favicon.ico"><link rel="canonical" href="https://gitee.com/lancewk/post/417e2c66.html"><link rel="preconnect" href="//cdnjs.cloudflare.com"/><link rel="preconnect" href="//busuanzi.ibruce.info"/><link rel="stylesheet" href="/lancewk/css/index.css"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancyapps-ui/5.0.33/fancybox/fancybox.min.css" media="print" onload="this.media='all'"><script>const GLOBAL_CONFIG = {
  root: '/lancewk/',
  algolia: undefined,
  localSearch: {"path":"/lancewk/search.xml","preload":false,"top_n_per_article":1,"unescape":false,"languages":{"hits_empty":"找不到您查询的内容：${query}","hits_stats":"共找到 ${hits} 篇文章"}},
  translate: undefined,
  noticeOutdate: undefined,
  highlight: {"plugin":"highlight.js","highlightCopy":true,"highlightLang":true,"highlightHeightLimit":false},
  copy: {
    success: '复制成功',
    error: '复制错误',
    noSupport: '浏览器不支持'
  },
  relativeDate: {
    homepage: true,
    post: true
  },
  runtime: '天',
  dateSuffix: {
    just: '刚刚',
    min: '分钟前',
    hour: '小时前',
    day: '天前',
    month: '个月前'
  },
  copyright: {"limitCount":20,"languages":{"author":"作者: 0xking","link":"链接: ","source":"来源: king blog","info":"著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。"}},
  lightbox: 'fancybox',
  Snackbar: undefined,
  infinitegrid: {
    js: 'https://cdnjs.cloudflare.com/ajax/libs/egjs-infinitegrid/4.11.1/infinitegrid.min.js',
    buttonText: '加载更多'
  },
  isPhotoFigcaption: false,
  islazyload: false,
  isAnchor: true,
  percent: {
    toc: true,
    rightside: true,
  },
  autoDarkmode: false
}</script><script id="config-diff">var GLOBAL_CONFIG_SITE = {
  title: 'Markdown语法及原理从入门到高级',
  isPost: true,
  isHome: false,
  isHighlightShrink: false,
  isToc: true,
  postUpdate: '2024-04-12 18:29:26'
}</script><script>(win=>{
      win.saveToLocal = {
        set: (key, value, ttl) => {
          if (ttl === 0) return
          const now = Date.now()
          const expiry = now + ttl * 86400000
          const item = {
            value,
            expiry
          }
          localStorage.setItem(key, JSON.stringify(item))
        },
      
        get: key => {
          const itemStr = localStorage.getItem(key)
      
          if (!itemStr) {
            return undefined
          }
          const item = JSON.parse(itemStr)
          const now = Date.now()
      
          if (now > item.expiry) {
            localStorage.removeItem(key)
            return undefined
          }
          return item.value
        }
      }
    
      win.getScript = (url, attr = {}) => new Promise((resolve, reject) => {
        const script = document.createElement('script')
        script.src = url
        script.async = true
        script.onerror = reject
        script.onload = script.onreadystatechange = function() {
          const loadState = this.readyState
          if (loadState && loadState !== 'loaded' && loadState !== 'complete') return
          script.onload = script.onreadystatechange = null
          resolve()
        }

        Object.keys(attr).forEach(key => {
          script.setAttribute(key, attr[key])
        })

        document.head.appendChild(script)
      })
    
      win.getCSS = (url, id = false) => new Promise((resolve, reject) => {
        const link = document.createElement('link')
        link.rel = 'stylesheet'
        link.href = url
        if (id) link.id = id
        link.onerror = reject
        link.onload = link.onreadystatechange = function() {
          const loadState = this.readyState
          if (loadState && loadState !== 'loaded' && loadState !== 'complete') return
          link.onload = link.onreadystatechange = null
          resolve()
        }
        document.head.appendChild(link)
      })
    
      win.activateDarkMode = () => {
        document.documentElement.setAttribute('data-theme', 'dark')
        if (document.querySelector('meta[name="theme-color"]') !== null) {
          document.querySelector('meta[name="theme-color"]').setAttribute('content', '#0d0d0d')
        }
      }
      win.activateLightMode = () => {
        document.documentElement.setAttribute('data-theme', 'light')
        if (document.querySelector('meta[name="theme-color"]') !== null) {
          document.querySelector('meta[name="theme-color"]').setAttribute('content', '#ffffff')
        }
      }
      const t = saveToLocal.get('theme')
    
        if (t === 'dark') activateDarkMode()
        else if (t === 'light') activateLightMode()
      
      const asideStatus = saveToLocal.get('aside-status')
      if (asideStatus !== undefined) {
        if (asideStatus === 'hide') {
          document.documentElement.classList.add('hide-aside')
        } else {
          document.documentElement.classList.remove('hide-aside')
        }
      }
    
      const detectApple = () => {
        if(/iPad|iPhone|iPod|Macintosh/.test(navigator.userAgent)){
          document.documentElement.classList.add('apple')
        }
      }
      detectApple()
    })(window)</script><!-- hexo injector head_end start --><link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/Zfour/Butterfly-double-row-display@1.00/cardlistpost.min.css"/>
<style>#recent-posts > .recent-post-item >.recent-post-info > .article-meta-wrap > .tags:before {content:"\A";
  white-space: pre;}#recent-posts > .recent-post-item >.recent-post-info > .article-meta-wrap > .tags > .article-meta__separator{display:none}</style>
<link rel="stylesheet" href="/lancewk/css/clock.min.css" /><link rel="stylesheet" href="/lancewk/css/swiper.min.css" media="print" onload="this.media='all'"><link rel="stylesheet" href="/lancewk/css/swiperstyle.css" media="print" onload="this.media='all'"><!-- hexo injector head_end end --><meta name="generator" content="Hexo 6.3.0"></head><body><div id="loading-box"><div class="loading-left-bg"></div><div class="loading-right-bg"></div><div class="spinner-box"><div class="configure-border-1"><div class="configure-core"></div></div><div class="configure-border-2"><div class="configure-core"></div></div><div class="loading-word">加载中...</div></div></div><script>(()=>{
  const $loadingBox = document.getElementById('loading-box')
  const $body = document.body
  const preloader = {
    endLoading: () => {
      $body.style.overflow = ''
      $loadingBox.classList.add('loaded')
    },
    initLoading: () => {
      $body.style.overflow = 'hidden'
      $loadingBox.classList.remove('loaded')
    }
  }

  preloader.initLoading()
  window.addEventListener('load',() => { preloader.endLoading() })

  if (true) {
    document.addEventListener('pjax:send', () => { preloader.initLoading() })
    document.addEventListener('pjax:complete', () => { preloader.endLoading() })
  }
})()</script><script>window.paceOptions = {
  restartOnPushState: false
}

document.addEventListener('pjax:send', () => {
  Pace.restart()
})
</script><link rel="stylesheet" href="/lancewk/css/flash.css"/><script src="https://cdnjs.cloudflare.com/ajax/libs/pace/1.2.4/pace.min.js"></script><div id="web_bg"></div><div id="sidebar"><div id="menu-mask"></div><div id="sidebar-menus"><div class="avatar-img is-center"><img src="/lancewk/img/02%20(1).png" onerror="onerror=null;src='/img/catloading.gif'" alt="avatar"/></div><div class="sidebar-site-data site-data is-center"><a href="/lancewk/archives/"><div class="headline">文章</div><div class="length-num">11</div></a><a href="/lancewk/tags/"><div class="headline">标签</div><div class="length-num">6</div></a><a href="/lancewk/categories/"><div class="headline">分类</div><div class="length-num">1</div></a></div><hr class="custom-hr"/><div class="menus_items"><div class="menus_item"><a class="site-page" href="/lancewk/"><i class="fa-fw fas fa-home"></i><span> 首页</span></a></div><div class="menus_item"><a class="site-page group" href="javascript:void(0);"><i class="fa-fw fas fa-book"></i><span> 文章</span><i class="fas fa-chevron-down"></i></a><ul class="menus_item_child"><li><a class="site-page child" href="/lancewk/archives/"><i class="fa-fw fas fa-archive"></i><span> 时间轴</span></a></li><li><a class="site-page child" href="/lancewk/tags/"><i class="fa-fw fas fa-tags"></i><span> 标签</span></a></li><li><a class="site-page child" href="/lancewk/categories/"><i class="fa-fw fas fa-folder-open"></i><span> 分类</span></a></li></ul></div><div class="menus_item"><a class="site-page group" href="javascript:void(0);"><i class="fa-fw fas fa-list"></i><span> 更多</span><i class="fas fa-chevron-down"></i></a><ul class="menus_item_child"><li><a class="site-page child" href="/lancewk/music/"><i class="fa-fw fas fa-music"></i><span> 音乐</span></a></li><li><a class="site-page child" href="/lancewk/gallery/"><i class="fa-fw fas fa-images"></i><span> 照片</span></a></li><li><a class="site-page child" href="/lancewk/movies/"><i class="fa-fw fas fa-video"></i><span> 电影</span></a></li></ul></div><div class="menus_item"><a class="site-page group" href="javascript:void(0);"><i class="fa-fw fas fa-user"></i><span> 社交</span><i class="fas fa-chevron-down"></i></a><ul class="menus_item_child"><li><a class="site-page child" href="/lancewk/comments/"><i class="fa-fw fas fa-envelope"></i><span> 留言板</span></a></li><li><a class="site-page child" href="/lancewk/link/"><i class="fa-fw fas fa-link"></i><span> 友链</span></a></li><li><a class="site-page child" href="/lancewk/about/"><i class="fa-fw fas fa-heart"></i><span> 关于</span></a></li><li><a class="site-page child" href="/lancewk/license/"><i class="fa-fw fas fa-user-shield"></i><span> 声明</span></a></li></ul></div></div></div></div><div class="post" id="body-wrap"><header class="post-bg" id="page-header" style="background-image: url('https://d-sketon.top/img/backimg/bg2.jpg')"><nav id="nav"><span id="blog-info"><a href="/lancewk/" title="king blog"><span class="site-name">king blog</span></a></span><div id="menus"><div id="search-button"><a class="site-page social-icon search" href="javascript:void(0);"><i class="fas fa-search fa-fw"></i><!-- span=' '+_p('search.title') 注释，取消搜索按钮文字--></a></div><div class="menus_items"><div class="menus_item"><a class="site-page" href="/lancewk/"><i class="fa-fw fas fa-home"></i><span> 首页</span></a></div><div class="menus_item"><a class="site-page group" href="javascript:void(0);"><i class="fa-fw fas fa-book"></i><span> 文章</span><i class="fas fa-chevron-down"></i></a><ul class="menus_item_child"><li><a class="site-page child" href="/lancewk/archives/"><i class="fa-fw fas fa-archive"></i><span> 时间轴</span></a></li><li><a class="site-page child" href="/lancewk/tags/"><i class="fa-fw fas fa-tags"></i><span> 标签</span></a></li><li><a class="site-page child" href="/lancewk/categories/"><i class="fa-fw fas fa-folder-open"></i><span> 分类</span></a></li></ul></div><div class="menus_item"><a class="site-page group" href="javascript:void(0);"><i class="fa-fw fas fa-list"></i><span> 更多</span><i class="fas fa-chevron-down"></i></a><ul class="menus_item_child"><li><a class="site-page child" href="/lancewk/music/"><i class="fa-fw fas fa-music"></i><span> 音乐</span></a></li><li><a class="site-page child" href="/lancewk/gallery/"><i class="fa-fw fas fa-images"></i><span> 照片</span></a></li><li><a class="site-page child" href="/lancewk/movies/"><i class="fa-fw fas fa-video"></i><span> 电影</span></a></li></ul></div><div class="menus_item"><a class="site-page group" href="javascript:void(0);"><i class="fa-fw fas fa-user"></i><span> 社交</span><i class="fas fa-chevron-down"></i></a><ul class="menus_item_child"><li><a class="site-page child" href="/lancewk/comments/"><i class="fa-fw fas fa-envelope"></i><span> 留言板</span></a></li><li><a class="site-page child" href="/lancewk/link/"><i class="fa-fw fas fa-link"></i><span> 友链</span></a></li><li><a class="site-page child" href="/lancewk/about/"><i class="fa-fw fas fa-heart"></i><span> 关于</span></a></li><li><a class="site-page child" href="/lancewk/license/"><i class="fa-fw fas fa-user-shield"></i><span> 声明</span></a></li></ul></div></div><div id="toggle-menu"><a class="site-page" href="javascript:void(0);"><i class="fas fa-bars fa-fw"></i></a></div></div></nav><div id="post-info"><h1 class="post-title">Markdown语法及原理从入门到高级</h1><div id="post-meta"><div class="meta-firstline"><span class="post-meta-date"><i class="far fa-calendar-alt fa-fw post-meta-icon"></i><span class="post-meta-label">发表于</span><time class="post-meta-date-created" datetime="2024-04-01T10:18:49.000Z" title="发表于 2024-04-01 18:18:49">2024-04-01</time><span class="post-meta-separator">|</span><i class="fas fa-history fa-fw post-meta-icon"></i><span class="post-meta-label">更新于</span><time class="post-meta-date-updated" datetime="2024-04-12T10:29:26.122Z" title="更新于 2024-04-12 18:29:26">2024-04-12</time></span><span class="post-meta-categories"><span class="post-meta-separator">|</span><i class="fas fa-inbox fa-fw post-meta-icon"></i><a class="post-meta-categories" href="/lancewk/categories/%E6%95%99%E7%A8%8B/">教程</a></span></div><div class="meta-secondline"><span class="post-meta-separator">|</span><span class="post-meta-wordcount"><i class="far fa-file-word fa-fw post-meta-icon"></i><span class="post-meta-label">字数总计:</span><span class="word-count">5.2k</span><span class="post-meta-separator">|</span><i class="far fa-clock fa-fw post-meta-icon"></i><span class="post-meta-label">阅读时长:</span><span>18分钟</span></span><span class="post-meta-separator">|</span><span class="post-meta-pv-cv" id="" data-flag-title="Markdown语法及原理从入门到高级"><i class="far fa-eye fa-fw post-meta-icon"></i><span class="post-meta-label">阅读量:</span><span id="busuanzi_value_page_pv"><i class="fa-solid fa-spinner fa-spin"></i></span></span></div></div></div></header><main class="layout" id="content-inner"><div id="post"><article class="post-content" id="article-container"><h2 id="一、Markdown纯文本基本语法"><a href="#一、Markdown纯文本基本语法" class="headerlink" title="一、Markdown纯文本基本语法"></a>一、Markdown纯文本基本语法</h2><h3 id="1-标题"><a href="#1-标题" class="headerlink" title="1. 标题"></a>1. 标题</h3><p>Markdown 支持两种标题的语法，类 Setext 和类 atx 形式。 类 Setext 形式是用底线的形式，利用 &#x3D; （最高阶标题）和 - （第二阶标题），例如：</p>
<figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">This is an H1 ======= This is an H2 ----------</span><br></pre></td></tr></table></figure>

<p>效果如下：</p>
<h2 id="This-is-an-H1"><a href="#This-is-an-H1" class="headerlink" title="This is an H1"></a>This is an H1</h2><h2 id="This-is-an-H2"><a href="#This-is-an-H2" class="headerlink" title="This is an H2"></a>This is an H2</h2><p>任何数量的 &#x3D; 和 - 都可以有效果。</p>
<blockquote>
<p>这里需要注意一点，由于分割线也是 “—-”， 因此在使用分割线时，一定要空一行，不然会把上方的文字识别为第二阶标题。原因会在后面的段落和换行中说到。  </p>
</blockquote>
<p>类 Atx 形式则是在行首插入 1 到 6 个 # ，对应到标题 1 到 6 阶，例如：</p>
<figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line"># this is H1 ## this is H2 ###### this is H6</span><br></pre></td></tr></table></figure>

<p>效果不再展示，但要注意的是，标准语法一般在 # 后跟个空格再写文字，不然可能会无法识别。</p>
<h3 id="2-字体"><a href="#2-字体" class="headerlink" title="2. 字体"></a>2. 字体</h3><p>Markdown 使用星号（*）和底线（_）作为标记强调字词的符号，你可以随便用你喜欢的样式，唯一的限制是，你用什么符号开启标签，就要用什么符号结束。但个人感觉写中文时还是（*）比较好用，因为它不区分全角半角，不用切换输入法。 示例：</p>
<figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">**这是加粗** __这也是加粗__ *这是倾斜* _这也是倾斜_ ***这是加粗倾斜*** ~~这是加删除线~~</span><br></pre></td></tr></table></figure>

<p>效果如下： <strong>这是加粗</strong> <strong>这也是加粗</strong> <em>这是倾斜</em> <em>这也是倾斜</em> <strong><em>这是加粗倾斜</em></strong> <del>这是加删除线</del></p>
<p>注意：强调也可以直接插在文字中间，但是如果你的 * 和 _ 两边都有空白的话，它们就只会被当成普通的符号。 如果要在文字前后直接插入普通的星号或底线，你可以用反斜线 \ 。</p>
<h3 id="3-分割线"><a href="#3-分割线" class="headerlink" title="3. 分割线"></a>3. 分割线</h3><p>你可以在一行中用三个以上的星号、减号、底线来建立一个分隔线，行内不能有其他东西。你也可以在星号或是减号中间插入空格。下面每种写法都可以建立分隔线：</p>
<figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">* * * *** ********** - - - _________________</span><br></pre></td></tr></table></figure>

<p>效果如下：</p>
<hr>
<hr>
<hr>
<hr>
<hr>
<h3 id="4-引用"><a href="#4-引用" class="headerlink" title="4. 引用"></a>4. 引用</h3><p>在引用的文字前加 &gt; 即可。 在 Markdown 文件中建立一个区块引用，那会看起来像是你自己先断好行，然后在每行的最前面加上 &gt; ：</p>
<figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">&gt; This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet, &gt; consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus. &gt; Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus. &gt; &gt; Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse &gt; id sem consectetuer libero luctus adipiscing.</span><br></pre></td></tr></table></figure>

<p>效果如下：</p>
<blockquote>
<p>This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.<br>Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse id sem consectetuer libero luctus adipiscing.  </p>
</blockquote>
<p>Markdown 也允许你偷懒只在整个段落的第一行最前面加上 &gt; ：</p>
<figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">&gt; This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus. &gt; Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse id sem consectetuer libero luctus adipiscing.</span><br></pre></td></tr></table></figure>

<p>效果如下：</p>
<blockquote>
<p>This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.<br>Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse id sem consectetuer libero luctus adipiscing. 区块引用可以嵌套（例如：引用内的引用），只要根据层次加上不同数量的 &gt; ：  </p>
</blockquote>
<figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">&gt; This is the first level of quoting. &gt; &gt; &gt; This is nested blockquote. &gt; &gt; &gt; &gt; &gt; Back to the first level.</span><br></pre></td></tr></table></figure>

<p>效果如下：</p>
<blockquote>
<p>This is the first level of quoting.<br>This is nested blockquote.<br>Back to the first level.</p>
</blockquote>
<p>引用的区块内也可以使用其他的 Markdown 语法，包括标题、列表、代码区块等。</p>
<h3 id="5-列表"><a href="#5-列表" class="headerlink" title="5. 列表"></a>5. 列表</h3><p>Markdown 支持有序列表和无序列表。 无序列表使用星号、加号或是减号作为列表标记。 示例：</p>
<figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">- 列表内容 + 列表内容 * 列表内容注意：- + * 跟内容之间都要有一个空格</span><br></pre></td></tr></table></figure>

<p>效果如下： - 列表内容 + 列表内容 * 列表内容</p>
<p>有序列表则使用数字接着一个英文句点作为标记。 示例：</p>
<figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">1. 列表内容 2. 列表内容 3. 列表内容注意：序号跟内容之间要有空格</span><br></pre></td></tr></table></figure>

<p>效果如下： 1. 列表内容 2. 列表内容 3. 列表内容</p>
<p><em>很重要的一点是，你在列表标记上使用的数字并不会影响输出的 HTML 结果。</em></p>
<figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">你的标记写成： 1. Bird 1. McHale 1. Parish 甚至： 8. Bird 1. McHale 4. Parish 效果都一样。</span><br></pre></td></tr></table></figure>

<p>效果如下：</p>
<p>你的标记写成： 1. Bird 1. McHale 1. Parish</p>
<p>甚至：</p>
<ol>
<li>Bird</li>
<li>McHale</li>
<li>Parish</li>
</ol>
<p>效果都一样，只按第一个数字来排序，因此第一个最好是1。</p>
<p>列表可以嵌套，上一级和下一级之间敲三个空格即可。</p>
<figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">* 一级无序列表内容 * 二级无序列表内容 * 二级无序列表内容 * 二级无序列表内容</span><br></pre></td></tr></table></figure>

<p>效果如下： * 一级无序列表内容</p>
<ul>
<li>二级无序列表内容</li>
<li>二级无序列表内容</li>
<li>二级无序列表内容</li>
</ul>
<p>要让列表看起来更漂亮，你可以把内容用固定的缩进整理好：</p>
<figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">* Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus. * Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse id sem consectetuer libero luctus adipiscing</span><br></pre></td></tr></table></figure>

<p>效果如下： <em>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.</em> Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse id sem consectetuer libero luctus adipiscin</p>
<p>有一种偷懒的写法也可以：</p>
<figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">* Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus. * Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse id sem consectetuer libero luctus adipiscing.</span><br></pre></td></tr></table></figure>

<p>效果如下： <em>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.</em> Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse id sem consectetuer libero luctus adipiscing.</p>
<p>列表项目可以包含多个段落，每个项目下的段落都必须缩进 4 个空格或是 1 个制表符：</p>
<figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">1. This is a list item with two paragraphs. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus. Donec sit amet nisl. Aliquam semper ipsum sit amet velit. 2. Suspendisse id sem consectetuer libero luctus adipiscing.</span><br></pre></td></tr></table></figure>

<p>效果如下： 1. This is a list item with two paragraphs. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus.</p>
<figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus. Donec sit amet nisl. Aliquam semper ipsum sit amet velit.</span><br></pre></td></tr></table></figure>

<ol>
<li>Suspendisse id sem consectetuer libero luctus adipiscing.</li>
</ol>
<p>如果你每行都有缩进，看起来会看好很多，当然，再次地，如果你很懒惰，Markdown 也允许：</p>
<figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">* This is a list item with two paragraphs. This is the second paragraph in the list item. You&#x27;re only required to indent the first line. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. * Another item in the same list.</span><br></pre></td></tr></table></figure>

<p>效果不再展示。 此外： <em>如果要在列表项目内放进引用，那 &gt; 就需要缩进，</em> 如果要放代码区块的话，该区块就需要缩进两次，也就是 8 个空格或是 2 个制表符。</p>
<h3 id="6-表格"><a href="#6-表格" class="headerlink" title="6. 表格"></a>6. 表格</h3><p>示例：</p>
<figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">表头|表头|表头 ---|:--:|---: 内容|内容|内容内容|内容|内容第二行分割表头和内容。 - 有一个就行，为了对齐，多加了几个文字默认居左 -两边加：表示文字居中 -右边加：表示文字居右注：原生的语法两边都要用 | 包起来。此处省略</span><br></pre></td></tr></table></figure>

<p>效果如下： 表头|表头|表头 —|:–:|—: 内容|内容|内容 内容|内容|内容</p>
<h3 id="7-代码"><a href="#7-代码" class="headerlink" title="7. 代码"></a>7. 代码</h3><p>在Markdown中加入代码块有两种方式： 第一种，只要简单地缩进 4 个空格或是 1 个制表符就可以，</p>
<figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">这是一个普通段落：这是一个代码区块。 (当然，前面要有一个空行和前面的文字分隔开)</span><br></pre></td></tr></table></figure>

<p>效果如下：</p>
<p>这是一个普通段落：</p>
<p>第二种方法似乎是更为常用， <strong>单行代码</strong>：代码之间分别用一个反引号包起来即可；</p>
<p>效果如下： 这里有一句代码<code>代码内容</code>。 <strong>代码块</strong>：代码之间分别用三个反引号（esc键下边）包起来，且两边的反引号单独占一行</p>
<figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">\``` 代码... 代码... 代码... \``` \ 是为了防止转译，实际是没有的。</span><br></pre></td></tr></table></figure>

<p>效果如下：</p>
<p>还可以在上面的 ``` 后面注明你的代码类型，可以产生相应的代码高亮。</p>
<h3 id="8-段落和换行"><a href="#8-段落和换行" class="headerlink" title="8. 段落和换行"></a>8. 段落和换行</h3><p>一个 Markdown 段落是由一个或多个连续的文本行组成，它的前后要有一个以上的空行（空行的定义是显示上看起来像是空的，便会被视为空行。比方说，若某一行只包含空格和制表符，则该行也会被视为空行）。普通段落不该用空格或制表符来缩进。 <strong>我们在两个不同的文字块之间，一定要空行以示区分，不然就会被归入同一文字块中。</strong> Markdown 允许段落内的强迫换行（插入换行符）。 如果想要空一行，在插入处先按入两个以上的空格然后回车，即可。</p>
<p>但有时也可以使用标记来强制空行和空格，比如需要首行缩进的时候： <em>一个空格大小的表示：\  或 \</em>  两个空格的大小表示：\ 或 \ <em>不换行空格：\ 或 \</em> 强制空行： \  </p>
<hr>
<h2 id="二、Markdown纯文本进阶语法"><a href="#二、Markdown纯文本进阶语法" class="headerlink" title="二、Markdown纯文本进阶语法"></a>二、Markdown纯文本进阶语法</h2><p>上面的语法其实基本的写一些东西已经足够用了，但有时候还想要文档看起来更炫一些，这时候需要一些用于排版的进阶语法，实际上，这里用的就是HTML的标签来实现了。</p>
<h3 id="1-更改字体、大小、颜色"><a href="#1-更改字体、大小、颜色" class="headerlink" title="1. 更改字体、大小、颜色"></a>1. 更改字体、大小、颜色</h3><p>语法：</p>
<figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">&lt;font face=&quot;黑体&quot;&gt;我是黑体字&lt;/font&gt; &lt;font face=&quot;微软雅黑&quot;&gt;我是微软雅黑&lt;/font&gt; &lt;font face=&quot;STCAIYUN&quot;&gt;我是华文彩云&lt;/font&gt; &lt;font color=red&gt;我是红色&lt;/font&gt; &lt;font color=#008000&gt;我是绿色&lt;/font&gt; &lt;font color=Blue&gt;我是蓝色&lt;/font&gt; &lt;font size=5&gt;我是尺寸&lt;/font&gt; &lt;font face=&quot;黑体&quot; color=green size=5&gt;我是黑体，绿色，尺寸为5&lt;/font&gt;</span><br></pre></td></tr></table></figure>

<p>效果如下：</p>
<blockquote>
<p>我是黑体字 我是微软雅黑 我是华文彩云 我是红色 我是绿色 我是蓝色 我是尺寸 我是黑体，绿色，尺寸为5  </p>
</blockquote>
<h3 id="2-为文字添加背景色"><a href="#2-为文字添加背景色" class="headerlink" title="2. 为文字添加背景色"></a>2. 为文字添加背景色</h3><p>由于 style 标签和标签的 style 属性不被支持，所以这里只能是借助 table, tr, td 等表格标签的 bgcolor 属性来实现背景色。故这里对于文字背景色的设置，只是将那一整行看作一个表格，更改了那个格子的背景色（bgcolor）。 语法：</p>
<figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">&lt;table&gt;&lt;tr&gt;&lt;td bgcolor=yellow&gt;背景色yellow&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</span><br></pre></td></tr></table></figure>

<p>效果如下：</p>
<blockquote>
<p>背景色yellow  </p>
</blockquote>
<h3 id="3-设置文字居中"><a href="#3-设置文字居中" class="headerlink" title="3. 设置文字居中"></a>3. 设置文字居中</h3><figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">&lt;center&gt;居中&lt;/center&gt; &lt;p align=&quot;left&quot;&gt;左对齐&lt;/p&gt; &lt;p align=&quot;right&quot;&gt;右对齐&lt;/p&gt;</span><br></pre></td></tr></table></figure>

<p>效果如下：</p>
<blockquote>
<p>居中 左对齐<br>右对齐</p>
</blockquote>
<h3 id="4-加入上下标"><a href="#4-加入上下标" class="headerlink" title="4. 加入上下标"></a>4. 加入上下标</h3><p>使用HTML中下标下标的语法即可, 语法：</p>
<figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">H&lt;sub&gt;2&lt;/sub&gt;O CO&lt;sub&gt;2&lt;/sub&gt; 爆米&lt;sup&gt;TM&lt;/sup&gt;</span><br></pre></td></tr></table></figure>

<p>效果如下：</p>
<blockquote>
<p>H2O CO2 爆米TM  </p>
</blockquote>
<hr>
<h2 id="三、Markdown进阶使用"><a href="#三、Markdown进阶使用" class="headerlink" title="三、Markdown进阶使用"></a>三、Markdown进阶使用</h2><p>有时候在用Markdown时，我们不止要使用纯文本，还需要插入一些图片，链接等等，由于Markdown只是关注于纯文本，因此这些操作都要通过引用来完成，不像word里面简单的复制粘贴。</p>
<h3 id="1-超链接"><a href="#1-超链接" class="headerlink" title="1. 超链接"></a>1. 超链接</h3><p>Markdown 支持两种形式的链接语法： 行内式和参考式两种形式。</p>
<p>不管是哪一种，链接文字都是用 [方括号] 来标记。</p>
<p>要建立一个<strong>行内式</strong>的链接，只要在方块括号后面紧接着圆括号并插入网址链接即可，注意方括号和圆括号之间一定不能有空格，如果你还想要加上链接的 title 文字，只要在网址后面，用双引号把 title 文字包起来即可，例如：</p>
<figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">This is [an example](http://example.com/ &quot;Title&quot;) inline link. [This link](http://example.net/) has no title attribute.</span><br></pre></td></tr></table></figure>

<p>效果如下： This is <a href="https://link.zhihu.com/?target=http://example.com/">an example</a> inline link.</p>
<p><a href="https://link.zhihu.com/?target=http://example.net/">This link</a> has no title attribute.</p>
<p><em>注：如果想要在新页面中打开的话可以用html语言的a标签代替。</em></p>
<figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">&lt;a href=&quot;超链接地址&quot; target=&quot;_blank&quot;&gt;超链接名&lt;/a&gt;</span><br></pre></td></tr></table></figure>

<p>效果如下： <a target="_blank" rel="noopener" href="https://zhuanlan.zhihu.com/%E8%B6%85%E9%93%BE%E6%8E%A5%E5%9C%B0%E5%9D%80">超链接名</a></p>
<p><strong>参考式</strong>的链接是在链接文字的括号后面再接上另一个方括号，而在第二个方括号里面要填入用以辨识链接的标记：</p>
<figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">This is [an example][id] reference-style link.</span><br></pre></td></tr></table></figure>

<p>接着，在文件的任意处，你可以把这个标记的链接内容定义出来:</p>
<figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">[id]: http://example.com/ &quot;Optional Title Here&quot;</span><br></pre></td></tr></table></figure>

<p>链接内容的形式为： <em>方括号（前面可以选择性地加上至多三个空格来缩进），里面输入链接文字</em> 接着一个冒号 <em>接着一个以上的空格或制表符</em> 接着链接的网址 <em>选择性地接着 title 内容，可以用单引号、双引号或是括弧包着</em> 链接网址也可以用尖括号包起来：<code>[id]: &lt;http://example.com/&gt; &quot;Optional Title Here&quot;</code></p>
<p>链接辨别标签可以有字母、数字、空白和标点符号，但是并不区分大小写。</p>
<p>链接的定义可以放在文件中的任何一个地方，我比较偏好直接放在链接出现段落的后面，你也可以把它放在文件最后面，就像是注解一样。</p>
<p>此外，用这个方法还可以将图片转化为base64编码保存在.md文件中，这将在插入图片中介绍。</p>
<p>下面是一个参考式链接的范例：</p>
<figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">I get 10 times more traffic from [Google] [1] than from [Yahoo] [2] or [MSN] [3]. [1]: http://google.com/ &quot;Google&quot; [2]: http://search.yahoo.com/ &quot;Yahoo Search&quot; [3]: http://search.msn.com/ &quot;MSN Search&quot;</span><br></pre></td></tr></table></figure>

<p>还可以直接用链接名称的方式写：</p>
<figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">I get 10 times more traffic from [Google][] than from [Yahoo][] or [MSN][]. [google]: http://google.com/ &quot;Google&quot; [yahoo]: http://search.yahoo.com/ &quot;Yahoo Search&quot; [msn]: http://search.msn.com/ &quot;MSN Search&quot;</span><br></pre></td></tr></table></figure>

<p><em>要知道，参考式的链接其实重点不在于它比较好写，而是它比较好读。 使用 Markdown 的参考式链接，可以让文件更像是浏览器最后产生的结果，让你可以把一些标记相关的元数据移到段落文字之外，你就可以增加链接而不让文章的阅读感觉被打断。</em></p>
<h3 id="2-自动链接"><a href="#2-自动链接" class="headerlink" title="2. 自动链接"></a>2. 自动链接</h3><p>除了上面的超链接方式，Markdown 还支持以比较简短的自动链接形式来处理网址和电子邮件信箱，只要是用尖括号包起来， Markdown 就会自动把它转成链接。 语法：</p>
<p>效果如下：</p>
<p><a href="https://link.zhihu.com/?target=http://example.com/">http://example.com/</a></p>
<h3 id="3-插入图片"><a href="#3-插入图片" class="headerlink" title="3. 插入图片"></a>3. 插入图片</h3><p>很明显地，要在纯文字应用中设计一个「自然」的语法来插入图片是有一定难度的。 Markdown 使用一种和链接很相似的语法来标记图片，同样也允许两种样式： <strong>行内式</strong>和<strong>参考式</strong>。</p>
<p><strong>行内式</strong>的图片语法看起来像是：</p>
<figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">![Alt pic](/path/to/img.jpg) ![Alt pic](/path/to/img.jpg &quot;Optional title&quot;)</span><br></pre></td></tr></table></figure>

<p>详细叙述如下： <em>一个惊叹号 !</em> 接着一个方括号，里面放上图片的替代文字 * 接着一个普通括号，里面放上图片的网址或本地路径（可以是相对路径或绝对路径），最后还可以用引号包住并加上 选择性的 ‘标题’ 文字。</p>
<p><strong>参考式</strong>的图片语法则长得像这样：</p>
<p>「id」是图片参考的名称，图片参考的定义方式则和连结参考一样：</p>
<figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">[id]: url/to/image &quot;Optional title attribute&quot;</span><br></pre></td></tr></table></figure>

<p><strong>但是在这里有两个很大的问题：</strong> 1. 如果使用本地路径插入本地图片，不灵活不好分享，本地图片的路径更改或丢失都会造成markdown文件调不出图。 2. 插入网络图片，则非常依赖网络，如果是本地图片，还需要先上传到网络服务器上。</p>
<p><strong>所以，如果你想上传本地图片，这里我也列出两个解决方法，这也是我查了很多文章总结的，这里欢迎大家来补充指教：</strong></p>
<h3 id="1-将本地图片上传到github"><a href="#1-将本地图片上传到github" class="headerlink" title="1. 将本地图片上传到github"></a>1. 将本地图片上传到github</h3><p>首先在github中新建一个repo，然后git clone下来，然后把你想要的图片放到这个文件夹中然后上传，然后到GitHub中找到这个图片查看地址，在markdown中引用就好了。</p>
<p>这种方法的<strong>优点</strong>就在于插入式很灵活，github没有墙，你的文章上传到各个平台，图片也都基本不会丢失或找不到，但<strong>缺点</strong>就在于图片的管理很不方便，图片一旦多起来，你的本地仓库将会变得很大，而且你的文章可能涉及很多方面，管理也不方便，不过，也算是一个比较理想的解决方案。</p>
<h3 id="2-把图片存入markdown文件"><a href="#2-把图片存入markdown文件" class="headerlink" title="2. 把图片存入markdown文件"></a>2. 把图片存入markdown文件</h3><ol>
<li>用base64转码工具把图片转成一段字符串</li>
<li>把字符串填到基础格式中链接的那个位置。</li>
<li>由于图片转成base64编码，会非常的大，一般至少都要上千行，这个时候会发现插入的这一长串字符串会把整个文章分割开，非常影响编写文章时的体验。这时候就可以用<strong>参考式</strong>，把大段的base64字符串放在文章末尾，然后在文章中通过一个id来调用，文章就不会被分割的这么乱了。</li>
</ol>
<p>这种方法的<strong>优点</strong>就是图片真的是不会丢啊，相当于直接将图片编码嵌入到文档中，但<strong>缺点</strong>也是显而易见的，就是base64编码实在是太长了啊，太长了，虽然可以放到文章结尾，但还是太长了，所以目前我还没找到更好的解决方法。</p>
<h3 id="4-调整图片格式"><a href="#4-调整图片格式" class="headerlink" title="4. 调整图片格式"></a>4. 调整图片格式</h3><p>到目前为止， Markdown 还没有办法直接指定图片的宽高，如果需要的话，则可以使用普通的 \</p>
<p>标签。 * 图片位置——居左&#x2F;居中&#x2F;居右</p>
<p>利用markdown在编写文档时插入图片是默认靠左，有些时候将图片设置为居中时可以更加的美观，这时就需要在图片的信息前边添加如下语句：</p>
<figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">&lt;div align=center&gt;![Alt pic] (http:...) 如果想将图片位于右侧，只需要将center改为right</span><br></pre></td></tr></table></figure>

<ul>
<li>设置图片大小</li>
</ul>
<figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">&lt;img src=&quot;http:...&quot; width = &quot;100&quot; height = &quot;100&quot; div align=right /&gt;</span><br></pre></td></tr></table></figure>

<p>如上格式，在图片的最后添加 width &#x3D; “100” height &#x3D; “100”，就可以设置图片的大小。也可以在后边输入百分比为多少，如 width &#x3D; 20% height &#x3D; 20%， 当然，如果你使用的是base64编码，可以直接将编码放到上面放链接的引号里，也可以设置图片大小，但是放在\</p>
<p>标签里，貌似就不能作为<strong>参考式</strong>的链接了，所以用base64调整图片大小还是很艰难，也希望大手能指导一下。</p>
<h3 id="5-LaTeX-公式"><a href="#5-LaTeX-公式" class="headerlink" title="5. LaTeX 公式"></a>5. LaTeX 公式</h3><p>Markdown还有一大优势就是可以支持 LaTeX 的公式。 \$ 表示行内公式 \$$ 表示整行公式 访问 <a href="https://link.zhihu.com/?target=https://math.meta.stackexchange.com/questions/5020/mathjax-basic-tutorial-and-quick-reference">MathJax</a> 参考更多使用方法。</p>
<p>这里说一个常用的，很多时候，我们在做笔记时候，需要画箭头，然后在箭头上需要写字，这里就可以用LaTeX公式来实现：</p>
<figure class="highlight text"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">$ X\stackrel&#123;F&#125;&#123;\longrightarrow&#125;Y $</span><br></pre></td></tr></table></figure>

<p>效果如下： $ X\stackrel{F}{\longrightarrow}Y $</p>
<p>LaTeX 支持多种箭号，内容很丰富,这里就不一一列举了，大家可以参见<a href="https://link.zhihu.com/?target=https://blog.csdn.net/J__Max/article/details/86549124">Latex各种箭号符号</a>。</p>
<h3 id="6-内容目录"><a href="#6-内容目录" class="headerlink" title="6. 内容目录"></a>6. 内容目录</h3><p>Markdown还有一个很方便的功能，就是可以根据标题自动生成目录。 在段落中填写 <code>[TOC]</code> 以显示全文内容的目录结构</p>
<p>在最后要说的是，Markdown其实还有很多强大的功能，比如画<strong>流程图、序列图、甘特图、Mermaid 流程图、Mermaid 序列图，</strong> 因为暂时用的比较少，而且上面的语法应该已经足够用了，所以这个就有待我下次再开发把。</p>
<p>Tips： 1. 用于Markdown语法标记的符号和后面的内容之间一定要加上至少一个空格，以便识别。 2. 在Markdown编辑中，你用「Enter」键来敲空行，最多只能空一行，如果想要在显示中有多行空行的话，则要用HTML标签来实现了。</p>
</article><div class="post-copyright"><div class="post-copyright__author"><span class="post-copyright-meta"><i class="fas fa-circle-user fa-fw"></i>文章作者: </span><span class="post-copyright-info"><a target="_blank" rel="noopener" href="https://xxxxxx.com">0xking</a></span></div><div class="post-copyright__type"><span class="post-copyright-meta"><i class="fas fa-square-arrow-up-right fa-fw"></i>文章链接: </span><span class="post-copyright-info"><a href="https://gitee.com/lancewk/post/417e2c66.html">https://gitee.com/lancewk/post/417e2c66.html</a></span></div><div class="post-copyright__notice"><span class="post-copyright-meta"><i class="fas fa-circle-exclamation fa-fw"></i>版权声明: </span><span class="post-copyright-info">本博客所有文章除特别声明外，均采用 <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank">CC BY-NC-SA 4.0</a> 许可协议。转载请注明来自 <a href="https://gitee.com/lancewk" target="_blank">king blog</a>！</span></div></div><div class="tag_share"><div class="post-meta__tag-list"><a class="post-meta__tags" href="/lancewk/tags/Hexo/">Hexo</a><a class="post-meta__tags" href="/lancewk/tags/%E5%8D%9A%E5%AE%A2/">博客</a></div><div class="post_share"><div class="social-share" data-image="https://d-sketon.top/img/backimg/bg2.jpg" data-sites="facebook,twitter,wechat,weibo,qq"></div><link rel="stylesheet" href="https://lib.baomitu.com/social-share.js/1.0.16/css/share.min.css" media="print" onload="this.media='all'"><script src="https://lib.baomitu.com/social-share.js/1.0.16/js/social-share.min.js" defer></script></div></div><nav class="pagination-post" id="pagination"><div class="prev-post pull-left"><a href="/lancewk/post/dabe8c2.html" title="如何更新Hexo及插件的版本？如何更新主题版本？"><img class="cover" src="https://d-sketon.top/img/backimg/bg2.jpg" onerror="onerror=null;src='/lancewk/img/404.jpg'" alt="cover of previous post"><div class="pagination-info"><div class="label">上一篇</div><div class="prev_info">如何更新Hexo及插件的版本？如何更新主题版本？</div></div></a></div><div class="next-post pull-right"><a href="/lancewk/post/f0a4488f.html" title="hexo教程"><img class="cover" src="https://s2.loli.net/2024/04/12/eE8bJqYWshiOcmx.png" onerror="onerror=null;src='/lancewk/img/404.jpg'" alt="cover of next post"><div class="pagination-info"><div class="label">下一篇</div><div class="next_info">hexo教程</div></div></a></div></nav><div class="relatedPosts"><div class="headline"><i class="fas fa-thumbs-up fa-fw"></i><span>相关推荐</span></div><div class="relatedPosts-list"><div><a href="/lancewk/post/5372cc32.html" title="Butterfly 安裝文檔(二) 主題頁面  Butterfly"><img class="cover" src="https://d-sketon.top/img/backimg/bg2.jpg" alt="cover"><div class="content is-center"><div class="date"><i class="far fa-calendar-alt fa-fw"></i> 2024-04-10</div><div class="title">Butterfly 安裝文檔(二) 主題頁面  Butterfly</div></div></a></div><div><a href="/lancewk/post/4ea940d2.html" title="博客搭建+美化（巨细版本）"><img class="cover" src="https://d-sketon.top/img/backimg/bg1.jpg" alt="cover"><div class="content is-center"><div class="date"><i class="far fa-calendar-alt fa-fw"></i> 2024-04-03</div><div class="title">博客搭建+美化（巨细版本）</div></div></a></div><div><a href="/lancewk/post/dabe8c2.html" title="如何更新Hexo及插件的版本？如何更新主题版本？"><img class="cover" src="https://d-sketon.top/img/backimg/bg2.jpg" alt="cover"><div class="content is-center"><div class="date"><i class="far fa-calendar-alt fa-fw"></i> 2023-04-03</div><div class="title">如何更新Hexo及插件的版本？如何更新主题版本？</div></div></a></div><div><a href="/lancewk/post/cb557a52.html" title="hexo-blog-encrypt"><img class="cover" src="https://d-sketon.top/img/backimg/bg1.jpg" alt="cover"><div class="content is-center"><div class="date"><i class="far fa-calendar-alt fa-fw"></i> 2024-04-03</div><div class="title">hexo-blog-encrypt</div></div></a></div><div><a href="/lancewk/post/f0a4488f.html" title="hexo教程"><img class="cover" src="https://s2.loli.net/2024/04/12/eE8bJqYWshiOcmx.png" alt="cover"><div class="content is-center"><div class="date"><i class="far fa-calendar-alt fa-fw"></i> 2024-04-03</div><div class="title">hexo教程</div></div></a></div><div><a href="/lancewk/post/dc8d366.html" title="向你的Hexo里放上一只萌萌哒二次元看板娘!"><img class="cover" src="/lancewk/img/02%20(2).png" alt="cover"><div class="content is-center"><div class="date"><i class="far fa-calendar-alt fa-fw"></i> 2024-04-10</div><div class="title">向你的Hexo里放上一只萌萌哒二次元看板娘!</div></div></a></div></div></div><hr class="custom-hr"/><div id="post-comment"><div class="comment-head"><div class="comment-headline"><i class="fas fa-comments fa-fw"></i><span> 评论</span></div></div><div class="comment-wrap"><div><div id="lv-container" data-id="city" data-uid="MTAyMC81OTczMC8zNjE5Mg"></div></div></div></div></div><div class="aside-content" id="aside-content"><div class="card-widget card-info"><div class="is-center"><div class="avatar-img"><img src="/lancewk/img/02%20(1).png" onerror="this.onerror=null;this.src='/lancewk/img/catloading.gif'" alt="avatar"/></div><div class="author-info__name">0xking</div><div class="author-info__description"></div></div><div class="card-info-data site-data is-center"><a href="/lancewk/archives/"><div class="headline">文章</div><div class="length-num">11</div></a><a href="/lancewk/tags/"><div class="headline">标签</div><div class="length-num">6</div></a><a href="/lancewk/categories/"><div class="headline">分类</div><div class="length-num">1</div></a></div><div class="card-info-social-icons is-center"><a class="social-icon" href="https://github.com/xxxxx" target="_blank" title="Github"><i class="fab fa-github" style="color: #24292e;"></i></a><a class="social-icon" href="mailto:xxxxxx@gmail.com" target="_blank" title="Email"><i class="fas fa-envelope" style="color: #4a7dbe;"></i></a><a class="social-icon" href="http://wpa.qq.com/msgrd?v=3&amp;uin=xxxxx&amp;site=qq&amp;menu=yes" target="_blank" title="QQ"><i class="fab fa-qq"></i></a></div></div><div class="card-widget card-announcement"><div class="item-headline"><i class="fas fa-bullhorn fa-shake"></i><span>公告</span></div><div class="announcement_content">This is my Blog</div></div><div class="card-widget girl" id="girl"><div class="item-headline"><i></i><span></span></div><div class="item-content"><div><div><video style="width: 100%;border-radius: 5px;transform: translateZ(0);will-change: scroll-position;" id="girl-video" src="https://www.cunshao.com/666666/api/web.php" controls="" controlslist="nodownload" ></video></div><div style="width: 100%;display: flex;justify-content: space-between;margin-top: 4px;" class="girl_btn_box"><div class="girl_btn_fuck">暂停/播放</div><div class="girl_btn_next">换一位</div></div></div> <style>#girl.card-widget.girl .item-headline{display:none;} .girl_btn_box>div {width: 45%;padding: 4px 0;background: var(--btn-bg);color: #fff;border-radius: 6px;text-align: center;box-sizing: border-box;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}</style><script> var girlVideo=document.getElementById("girl-video");if (girlVideo) {  var btnPlay = document.querySelector(".girl_btn_fuck");  var btnNext = document.querySelector(".girl_btn_next");  btnPlay.addEventListener("click", function () {    if (girlVideo.paused) {      girlVideo.play();      btnPlay.textContent = "暂停";    } else {      girlVideo.pause();      btnPlay.textContent = "播放";    }  });  btnNext.addEventListener("click", function () {    girlVideo.src = "https://www.cunshao.com/666666/api/web.php";    girlVideo.play();  });  girlVideo.addEventListener("ended", function () {    girlVideo.src = "https://www.cunshao.com/666666/api/web.php";    girlVideo.play();  });}</script></div></div><div class="card-widget tzy-right-widget" id="card-wechat"><div id="flip-wrapper"><div id="flip-content"><div class="face"></div><div class="back face"></div></div></div></div><div class="sticky_layout"><div class="card-widget" id="card-toc"><div class="item-headline"><i class="fas fa-stream"></i><span>目录</span><span class="toc-percentage"></span></div><div class="toc-content"><ol class="toc"><li class="toc-item toc-level-2"><a class="toc-link" href="#%E4%B8%80%E3%80%81Markdown%E7%BA%AF%E6%96%87%E6%9C%AC%E5%9F%BA%E6%9C%AC%E8%AF%AD%E6%B3%95"><span class="toc-number">1.</span> <span class="toc-text">一、Markdown纯文本基本语法</span></a><ol class="toc-child"><li class="toc-item toc-level-3"><a class="toc-link" href="#1-%E6%A0%87%E9%A2%98"><span class="toc-number">1.1.</span> <span class="toc-text">1. 标题</span></a></li></ol></li><li class="toc-item toc-level-2"><a class="toc-link" href="#This-is-an-H1"><span class="toc-number">2.</span> <span class="toc-text">This is an H1</span></a></li><li class="toc-item toc-level-2"><a class="toc-link" href="#This-is-an-H2"><span class="toc-number">3.</span> <span class="toc-text">This is an H2</span></a><ol class="toc-child"><li class="toc-item toc-level-3"><a class="toc-link" href="#2-%E5%AD%97%E4%BD%93"><span class="toc-number">3.1.</span> <span class="toc-text">2. 字体</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#3-%E5%88%86%E5%89%B2%E7%BA%BF"><span class="toc-number">3.2.</span> <span class="toc-text">3. 分割线</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#4-%E5%BC%95%E7%94%A8"><span class="toc-number">3.3.</span> <span class="toc-text">4. 引用</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#5-%E5%88%97%E8%A1%A8"><span class="toc-number">3.4.</span> <span class="toc-text">5. 列表</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#6-%E8%A1%A8%E6%A0%BC"><span class="toc-number">3.5.</span> <span class="toc-text">6. 表格</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#7-%E4%BB%A3%E7%A0%81"><span class="toc-number">3.6.</span> <span class="toc-text">7. 代码</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#8-%E6%AE%B5%E8%90%BD%E5%92%8C%E6%8D%A2%E8%A1%8C"><span class="toc-number">3.7.</span> <span class="toc-text">8. 段落和换行</span></a></li></ol></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E4%BA%8C%E3%80%81Markdown%E7%BA%AF%E6%96%87%E6%9C%AC%E8%BF%9B%E9%98%B6%E8%AF%AD%E6%B3%95"><span class="toc-number">4.</span> <span class="toc-text">二、Markdown纯文本进阶语法</span></a><ol class="toc-child"><li class="toc-item toc-level-3"><a class="toc-link" href="#1-%E6%9B%B4%E6%94%B9%E5%AD%97%E4%BD%93%E3%80%81%E5%A4%A7%E5%B0%8F%E3%80%81%E9%A2%9C%E8%89%B2"><span class="toc-number">4.1.</span> <span class="toc-text">1. 更改字体、大小、颜色</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#2-%E4%B8%BA%E6%96%87%E5%AD%97%E6%B7%BB%E5%8A%A0%E8%83%8C%E6%99%AF%E8%89%B2"><span class="toc-number">4.2.</span> <span class="toc-text">2. 为文字添加背景色</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#3-%E8%AE%BE%E7%BD%AE%E6%96%87%E5%AD%97%E5%B1%85%E4%B8%AD"><span class="toc-number">4.3.</span> <span class="toc-text">3. 设置文字居中</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#4-%E5%8A%A0%E5%85%A5%E4%B8%8A%E4%B8%8B%E6%A0%87"><span class="toc-number">4.4.</span> <span class="toc-text">4. 加入上下标</span></a></li></ol></li><li class="toc-item toc-level-2"><a class="toc-link" href="#%E4%B8%89%E3%80%81Markdown%E8%BF%9B%E9%98%B6%E4%BD%BF%E7%94%A8"><span class="toc-number">5.</span> <span class="toc-text">三、Markdown进阶使用</span></a><ol class="toc-child"><li class="toc-item toc-level-3"><a class="toc-link" href="#1-%E8%B6%85%E9%93%BE%E6%8E%A5"><span class="toc-number">5.1.</span> <span class="toc-text">1. 超链接</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#2-%E8%87%AA%E5%8A%A8%E9%93%BE%E6%8E%A5"><span class="toc-number">5.2.</span> <span class="toc-text">2. 自动链接</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#3-%E6%8F%92%E5%85%A5%E5%9B%BE%E7%89%87"><span class="toc-number">5.3.</span> <span class="toc-text">3. 插入图片</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#1-%E5%B0%86%E6%9C%AC%E5%9C%B0%E5%9B%BE%E7%89%87%E4%B8%8A%E4%BC%A0%E5%88%B0github"><span class="toc-number">5.4.</span> <span class="toc-text">1. 将本地图片上传到github</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#2-%E6%8A%8A%E5%9B%BE%E7%89%87%E5%AD%98%E5%85%A5markdown%E6%96%87%E4%BB%B6"><span class="toc-number">5.5.</span> <span class="toc-text">2. 把图片存入markdown文件</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#4-%E8%B0%83%E6%95%B4%E5%9B%BE%E7%89%87%E6%A0%BC%E5%BC%8F"><span class="toc-number">5.6.</span> <span class="toc-text">4. 调整图片格式</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#5-LaTeX-%E5%85%AC%E5%BC%8F"><span class="toc-number">5.7.</span> <span class="toc-text">5. LaTeX 公式</span></a></li><li class="toc-item toc-level-3"><a class="toc-link" href="#6-%E5%86%85%E5%AE%B9%E7%9B%AE%E5%BD%95"><span class="toc-number">5.8.</span> <span class="toc-text">6. 内容目录</span></a></li></ol></li></ol></div></div><div class="card-widget card-recent-post"><div class="item-headline"><i class="fas fa-history"></i><span>最新文章</span></div><div class="aside-list"><div class="aside-list-item"><a class="thumbnail" href="/lancewk/post/dc8d366.html" title="向你的Hexo里放上一只萌萌哒二次元看板娘!"><img src="/lancewk/img/02%20(2).png" onerror="this.onerror=null;this.src='/lancewk/img/404.jpg'" alt="向你的Hexo里放上一只萌萌哒二次元看板娘!"/></a><div class="content"><a class="title" href="/lancewk/post/dc8d366.html" title="向你的Hexo里放上一只萌萌哒二次元看板娘!">向你的Hexo里放上一只萌萌哒二次元看板娘!</a><time datetime="2024-04-10T10:18:49.000Z" title="发表于 2024-04-10 18:18:49">2024-04-10</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/lancewk/post/5372cc32.html" title="Butterfly 安裝文檔(二) 主題頁面  Butterfly"><img src="https://d-sketon.top/img/backimg/bg2.jpg" onerror="this.onerror=null;this.src='/lancewk/img/404.jpg'" alt="Butterfly 安裝文檔(二) 主題頁面  Butterfly"/></a><div class="content"><a class="title" href="/lancewk/post/5372cc32.html" title="Butterfly 安裝文檔(二) 主題頁面  Butterfly">Butterfly 安裝文檔(二) 主題頁面  Butterfly</a><time datetime="2024-04-10T10:18:49.000Z" title="发表于 2024-04-10 18:18:49">2024-04-10</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/lancewk/post/82ef290f.html" title="a3"><img src="https://d-sketon.top/img/backimg/bg3.jpg" onerror="this.onerror=null;this.src='/lancewk/img/404.jpg'" alt="a3"/></a><div class="content"><a class="title" href="/lancewk/post/82ef290f.html" title="a3">a3</a><time datetime="2024-04-03T10:19:02.000Z" title="发表于 2024-04-03 18:19:02">2024-04-03</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/lancewk/post/f5e81999.html" title="a2"><img src="https://d-sketon.top/img/backimg/bg2.jpg" onerror="this.onerror=null;this.src='/lancewk/img/404.jpg'" alt="a2"/></a><div class="content"><a class="title" href="/lancewk/post/f5e81999.html" title="a2">a2</a><time datetime="2024-04-03T10:18:56.000Z" title="发表于 2024-04-03 18:18:56">2024-04-03</time></div></div><div class="aside-list-item"><a class="thumbnail" href="/lancewk/post/4ea940d2.html" title="博客搭建+美化（巨细版本）"><img src="https://d-sketon.top/img/backimg/bg1.jpg" onerror="this.onerror=null;this.src='/lancewk/img/404.jpg'" alt="博客搭建+美化（巨细版本）"/></a><div class="content"><a class="title" href="/lancewk/post/4ea940d2.html" title="博客搭建+美化（巨细版本）">博客搭建+美化（巨细版本）</a><time datetime="2024-04-03T10:18:49.000Z" title="发表于 2024-04-03 18:18:49">2024-04-03</time></div></div></div></div></div></div></main><footer id="footer" style="background: falst"><div id="footer-wrap"><div id="ft"><div class="ft-item-1"><div class="t-top"><div class="t-t-l">    <p class="ft-t t-l-t">✨星辰之旅✨</p><div class="bg-ad"><div>再看看那个光点，它就在这里，这是家园，这是我们 —— 你所爱的每一个人，你认识的一个人，你听说过的每一个人，曾经有过的每一个人，都在它上面度过他们的一生✨</div><div class="btn-xz-box"><a class="btn-xz" target="_blank" rel="noopener" href="https://stellarium.org/">点击开启星辰之旅✨        </a></div></div></div><div class="t-t-r"><p class="ft-t t-l-t">网站导航</p><ul class="ft-links"><li><a href="../license/">使用指南</a><a href="/">网址导航</a></li><li><a href="../gallery/">看看图片</a><a href="../comments/">留点什么</a></li><li><a href="../about/">关于博主</a><a href="../archives/">文章归档</a></li><li><a href="../categories/">文章分类</a><a href="../tags/">文章标签</a></li></ul></div></div></div><div class="ft-item-2"><div class="t-t-l"></div><p class="ft-t">推荐友链</p><div class="ft-img-group"><div class="img-group-item"><a target="_blank" rel="noopener" href="https://tzy1997.com/"><img src="https://bu.dusays.com/2022/05/02/626f92e193879.jpg" alt=""/></a></div><div class="img-group-item"><a target="_blank" rel="noopener" href="https://tzy1997.com/"><img src="https://bu.dusays.com/2022/05/02/626f92e193879.jpg" alt=""/></a></div><div class="img-group-item"><a target="_blank" rel="noopener" href="https://tzy1997.com/"><img src="https://bu.dusays.com/2022/05/02/626f92e193879.jpg" alt=""/></a></div></div><div class="t-t-r"><p class="ft-t">公益广告</p><div class="bg-ad"><div>国家反诈中心是国务院打击治理电信网络新型违法犯罪工作部际联席会议合成作战平台，集资源整合、情报研判、侦查指挥为一体，在打击、防范、治理电信网络诈骗等新型违法犯罪中发挥着重要作用。</div><div class="btn-xz-box"><a class="btn-xz" target="_blank" rel="noopener" href="https://www.hack-gov.com.cn/posts/21480.html">下载（国家反诈中心） APP</a></div></div></div></div></div><div class="copyright">&copy;2020 - 2024 By 0xking</div><div class="footer_custom_text">I wish you to become your own sun, no need to rely on who's light.<p><a target="_blank" href="https://hexo.io/"><img src="https://img.shields.io/badge/Frame-Hexo-blue?style=flat&logo=hexo" title="博客框架为Hexo"></a>&nbsp;<a target="_blank" href="https://butterfly.js.org/"><img src="https://img.shields.io/badge/Theme-Butterfly-6513df?style=flat&logo=bitdefender" title="主题采用butterfly"></a>&nbsp;<a target="_blank" href="https://www.jsdelivr.com/"><img src="https://img.shields.io/badge/CDN-jsDelivr-orange?style=flat&logo=jsDelivr" title="本站使用JsDelivr为静态资源提供CDN加速"></a> &nbsp;<a target="_blank" href="https://vercel.com/ "><img src="https://img.shields.io/badge/Hosted-Vervel-brightgreen?style=flat&logo=Vercel" title="本站采用双线部署，默认线路托管于Vercel"></a>&nbsp;<a target="_blank" href="https://vercel.com/ "><img src="https://img.shields.io/badge/Hosted-Coding-0cedbe?style=flat&logo=Codio" title="本站采用双线部署，联通线路托管于Coding"></a>&nbsp;<a target="_blank" href="https://icp.gov.moe/?keyword=20242550"><img src="https://sourcebucket.s3.bitiful.net/badge/萌ICP备-20226665-fe1384.svg"> </a>&nbsp;<a target="_blank" href="https://github.com/"><img src="https://img.shields.io/badge/Source-Github-d021d6?style=flat&logo=GitHub" title="本站项目由Gtihub托管"></a>&nbsp;<a target="_blank" href="http://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="https://img.shields.io/badge/Copyright-BY--NC--SA%204.0-d42328?style=flat&logo=Claris" title="本站采用知识共享署名-非商业性使用-相同方式共享4.0国际许可协议进行许可"></a></p></div></div></footer></div><div id="rightside"><div id="rightside-config-hide"><button id="readmode" type="button" title="阅读模式"><i class="fas fa-book-open"></i></button><button id="darkmode" type="button" title="浅色和深色模式转换"><i class="fas fa-adjust"></i></button><button id="hide-aside-btn" type="button" title="单栏和双栏切换"><i class="fas fa-arrows-alt-h"></i></button></div><div id="rightside-config-show"><button id="rightside-config" type="button" title="设置"><i class="fas fa-cog fa-spin"></i></button><button class="close" id="mobile-toc-button" type="button" title="目录"><i class="fas fa-list-ul"></i></button><a id="to_comment" href="#post-comment" title="直达评论"><i class="fas fa-comments"></i></a><button id="go-up" type="button" title="回到顶部"><span class="scroll-percent"></span><i class="fas fa-arrow-up"></i></button><button id="go-down" type="button" title="直达底部" onclick="btf.scrollToDest(document.body.scrollHeight, 500)"><i class="fas fa-arrow-down"></i></button></div></div><div><script src="/lancewk/js/utils.js"></script><script src="/lancewk/js/main.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/fancyapps-ui/5.0.33/fancybox/fancybox.umd.min.js"></script><div class="js-pjax"><script>(()=>{
  const loadLivere = () => {
    if (typeof LivereTower === 'object') window.LivereTower.init()
    else {
      (function(d, s) {
          var j, e = d.getElementsByTagName(s)[0];
          if (typeof LivereTower === 'function') { return; }
          j = d.createElement(s);
          j.src = 'https://cdn-city.livere.com/js/embed.dist.js';
          j.async = true;
          e.parentNode.insertBefore(j, e);
      })(document, 'script');
    }
  }

  if ('Livere' === 'Livere' || !false) {
    if (false) btf.loadComment(document.getElementById('lv-container'), loadLivere)
    else loadLivere()
  } else {
    window.loadOtherComment = loadLivere
  }
})()</script></div><div class="aplayer no-destroy" data-id="2276118625" data-server="netease" data-type="playlist" data-fixed="true" data-mini="true" data-listFolded="false" data-order="random" data-preload="none" data-autoplay="true" muted></div><script>var OriginTitile=document.title;var titleTime;document.addEventListener("visibilitychange",function(){if(document.hidden){document.title="w(ﾟДﾟ)w 不要走！再看看嘛！";clearTimeout(titleTime)}else{document.title="♪(^∇^*)欢迎肥来！"+OriginTitile;titleTime=setTimeout(function(){document.title=OriginTitile},2000)}});</script><script>var now1=new Date();function createtime1(){var grt=new Date("08/09/2022 00:00:00");now1.setTime(now1.getTime()+250);var days=(now1-grt)/1000/60/60/24;var dnum=Math.floor(days);var ascll=[`欢迎来到kingの小家!`,`Future is now🍭🍭🍭`,`0᭄ོꦿx᭄ོꦿk᭄ོꦿi᭄ོꦿn᭄ོꦿg᭄ོꦿ`,"小站已经苟活",dnum,"天啦!","©2022 By 0xking",];setTimeout(console.log.bind(console,`\n%c${ascll[0]}%c ${ascll[1]}%c ${ascll[2]}%c${ascll[3]}%c ${ascll[4]}%c ${ascll[5]}\n\n%c ${ascll[6]}\n`,"color:#39c5bb","","color:#39c5bb","color:#39c5bb","","color:#39c5bb",""))}createtime1();function createtime2(){var ascll2=[`NCC2-036`,`调用前置摄像头拍照成功，识别为「很酷」`,`Photo captured:`,`🤪`];setTimeout(console.log.bind(console,`%c ${ascll2[0]}%c ${ascll2[1]}%c\n${ascll2[2]}%c\n${ascll2[3]}`,"color:white; background-color:#10bcc0","","",'background:url(../img/02 (2).png) no-repeat;font-size:450%'));setTimeout(console.log.bind(console,"%c WELCOME %c 欢迎光临，我的博客","color:white; background-color:#23c682",""));setTimeout(console.warn.bind(console,"%c ⚡ Powered by king⚡ %c 你正在访问0xking⚡の小家","color:white; background-color:#f0ad4e",""));setTimeout(console.log.bind(console,"%c W23-12 %c 系统监测到你已打开控制台","color:white; background-color:#4f90d9",""));setTimeout(console.warn.bind(console,"%c S013-782 %c 你现在正处于监控中","color:white; background-color:#d9534f",""))}createtime2();console.log=function(){};console.error=function(){};console.warn=function(){};</script><script>var anzhiyu={changeMusicBg:function(isChangeBg=true){if(window.location.pathname!="/music/"){return}const anMusicBg=document.getElementById("an_music_bg");if(isChangeBg){const musiccover=document.querySelector("#anMusic-page .aplayer-pic");anMusicBg.style.backgroundImage=musiccover.style.backgroundImage}else{let timer=setInterval(()=>{const musiccover=document.querySelector("#anMusic-page .aplayer-pic");console.info(anMusicBg);if(musiccover){clearInterval(timer);anMusicBg.style.backgroundImage=musiccover.style.backgroundImage;anzhiyu.addEventListenerChangeMusicBg();if(document.querySelector("#nav-music meting-js").aplayer&&!document.querySelector("#nav-music meting-js").aplayer.audio.paused){anzhiyu.musicToggle()}}},100)}},addEventListenerChangeMusicBg:function(){const anMusicPage=document.getElementById("anMusic-page");const aplayerIconMenu=anMusicPage.querySelector(".aplayer-info .aplayer-time .aplayer-icon-menu");anMusicPage.querySelector("meting-js").aplayer.on("loadeddata",function(){anzhiyu.changeMusicBg();console.info("player loadeddata")});aplayerIconMenu.addEventListener("click",function(){document.getElementById("menu-mask").style.display="block";document.getElementById("menu-mask").style.animation="0.5s ease 0s 1 normal none running to_show"});document.getElementById("menu-mask").addEventListener("click",function(){if(window.location.pathname!="/music/")return;anMusicPage.querySelector(".aplayer-list").classList.remove("aplayer-list-hide")})},};anzhiyu.changeMusicBg(false);</script><script data-pjax type="application/javascript" src="/js/Sakura.js"></script><script defer="defer" id="fluttering_ribbon" mobile="true" src="https://cdnjs.cloudflare.com/ajax/libs/butterfly-extsrc/1.1.3/canvas-fluttering-ribbon.min.js"></script><link rel="stylesheet" href="/lancewk/css/APlayer.min.css" media="print" onload="this.media='all'"><script src="/lancewk/js/APlayer.min.js"></script><script src="/lancewk/js/Meting.min.js"></script><script src="https://lib.baomitu.com/pjax/0.2.8/pjax.min.js"></script><script>let pjaxSelectors = ["meta[property=\"og:image\"]","meta[property=\"og:title\"]","meta[property=\"og:url\"]","head > title","#config-diff","#body-wrap","#rightside-config-hide","#rightside-config-show",".js-pjax"]

var pjax = new Pjax({
  elements: 'a:not([target="_blank"]):not([href="/music/"]):not([href="/no-pjax/"])',
  selectors: pjaxSelectors,
  cacheBust: false,
  analytics: false,
  scrollRestoration: false
})

document.addEventListener('pjax:send', function () {

  // removeEventListener
  btf.removeGlobalFnEvent('pjax')
  btf.removeGlobalFnEvent('themeChange')

  document.getElementById('rightside').classList.remove('rightside-show')
  
  if (window.aplayers) {
    for (let i = 0; i < window.aplayers.length; i++) {
      if (!window.aplayers[i].options.fixed) {
        window.aplayers[i].destroy()
      }
    }
  }

  typeof typed === 'object' && typed.destroy()

  //reset readmode
  const $bodyClassList = document.body.classList
  $bodyClassList.contains('read-mode') && $bodyClassList.remove('read-mode')

  typeof disqusjs === 'object' && disqusjs.destroy()
})

document.addEventListener('pjax:complete', function () {
  window.refreshFn()

  document.querySelectorAll('script[data-pjax]').forEach(item => {
    const newScript = document.createElement('script')
    const content = item.text || item.textContent || item.innerHTML || ""
    Array.from(item.attributes).forEach(attr => newScript.setAttribute(attr.name, attr.value))
    newScript.appendChild(document.createTextNode(content))
    item.parentNode.replaceChild(newScript, item)
  })

  GLOBAL_CONFIG.islazyload && window.lazyLoadInstance.update()

  typeof panguInit === 'function' && panguInit()

  // google analytics
  typeof gtag === 'function' && gtag('config', '', {'page_path': window.location.pathname});

  // baidu analytics
  typeof _hmt === 'object' && _hmt.push(['_trackPageview',window.location.pathname]);

  typeof loadMeting === 'function' && document.getElementsByClassName('aplayer').length && loadMeting()

  // prismjs
  typeof Prism === 'object' && Prism.highlightAll()
})

document.addEventListener('pjax:error', e => {
  if (e.request.status === 404) {
    pjax.loadUrl('/lancewk/404.html')
  }
})</script><script async data-pjax src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script><div id="local-search"><div class="search-dialog"><nav class="search-nav"><span class="search-dialog-title">搜索</span><span id="loading-status"></span><button class="search-close-button"><i class="fas fa-times"></i></button></nav><div class="is-center" id="loading-database"><i class="fas fa-spinner fa-pulse"></i><span>  数据库加载中</span></div><div class="search-wrap"><div id="local-search-input"><div class="local-search-box"><input class="local-search-box--input" placeholder="搜索文章" type="text"/></div></div><hr/><div id="local-search-results"></div><div id="local-search-stats-wrap"></div></div></div><div id="search-mask"></div><script src="/lancewk/js/search/local-search.js"></script></div></div><!-- hexo injector body_end start --><script data-pjax>
  function butterfly_clock_anzhiyu_injector_config(){
    var parent_div_git = document.getElementsByClassName('sticky_layout')[0];
    var item_html = '<div class="card-widget card-clock"><div class="card-glass"><div class="card-background"><div class="card-content"><div id="hexo_electric_clock"><img class="entered loading" id="card-clock-loading" src="https://npm.elemecdn.com/hexo-butterfly-clock/lib/loading.gif" style="height: 120px; width: 100%;" data-ll-status="loading"/></div></div></div></div></div>';
    console.log('已挂载butterfly_clock_anzhiyu')
    if(parent_div_git) {
      parent_div_git.insertAdjacentHTML("afterbegin",item_html)
    }
  }
  var elist = 'null'.split(',');
  var cpage = location.pathname;
  var epage = 'all';
  var qweather_key = '53b0fff98fe943b99e8c38e9e15657c3';
  var gaud_map_key = '8ebbcccc634142084c3a0abfd64eb681';
  var baidu_ak_key = 'undefined';
  var flag = 0;
  var clock_rectangle = '108.940174,34.341568';
  var clock_default_rectangle_enable = 'false';

  for (var i=0;i<elist.length;i++){
    if (cpage.includes(elist[i])){
      flag++;
    }
  }

  if ((epage ==='all')&&(flag == 0)){
    butterfly_clock_anzhiyu_injector_config();
  }
  else if (epage === cpage){
    butterfly_clock_anzhiyu_injector_config();
  }
  </script><script src="https://widget.qweather.net/simple/static/js/he-simple-common.js?v=2.0"></script><script data-pjax src="/lancewk/js/clock.min.js"></script><script data-pjax>
  function butterfly_swiper_injector_config(){
    var parent_div_git = document.getElementById('recent-posts');
    var item_html = '<div class="recent-post-item" style="height: auto;width: 100%"><div class="blog-slider swiper-container-fade swiper-container-horizontal" id="swiper_container"><div class="blog-slider__wrp swiper-wrapper" style="transition-duration: 0ms;"><div class="blog-slider__item swiper-slide" style="width: 750px; opacity: 1; transform: translate3d(0px, 0px, 0px); transition-duration: 0ms;"><a class="blog-slider__img" onclick="pjax.loadUrl(&quot;post/dc8d366.html&quot;);" href="javascript:void(0);" alt=""><img width="48" height="48" src="img/02 (2).png" alt="" onerror="this.src=/lancewk/img/loading.gif; this.onerror = null;"/></a><div class="blog-slider__content"><span class="blog-slider__code">2024-04-10</span><a class="blog-slider__title" onclick="pjax.loadUrl(&quot;post/dc8d366.html&quot;);" href="javascript:void(0);" alt="">向你的Hexo里放上一只萌萌哒二次元看板娘!</a><div class="blog-slider__text">再怎么看我也不知道怎么描述它的啦！</div><a class="blog-slider__button" onclick="pjax.loadUrl(&quot;post/dc8d366.html&quot;);" href="javascript:void(0);" alt="">详情       </a></div></div><div class="blog-slider__item swiper-slide" style="width: 750px; opacity: 1; transform: translate3d(0px, 0px, 0px); transition-duration: 0ms;"><a class="blog-slider__img" onclick="pjax.loadUrl(&quot;post/cb557a52.html&quot;);" href="javascript:void(0);" alt=""><img width="48" height="48" src="https://d-sketon.top/img/backimg/bg1.jpg" alt="" onerror="this.src=/lancewk/img/loading.gif; this.onerror = null;"/></a><div class="blog-slider__content"><span class="blog-slider__code">2024-04-03</span><a class="blog-slider__title" onclick="pjax.loadUrl(&quot;post/cb557a52.html&quot;);" href="javascript:void(0);" alt="">hexo-blog-encrypt</a><div class="blog-slider__text">再怎么看我也不知道怎么描述它的啦！</div><a class="blog-slider__button" onclick="pjax.loadUrl(&quot;post/cb557a52.html&quot;);" href="javascript:void(0);" alt="">详情       </a></div></div><div class="blog-slider__item swiper-slide" style="width: 750px; opacity: 1; transform: translate3d(0px, 0px, 0px); transition-duration: 0ms;"><a class="blog-slider__img" onclick="pjax.loadUrl(&quot;post/5372cc32.html&quot;);" href="javascript:void(0);" alt=""><img width="48" height="48" src="https://d-sketon.top/img/backimg/bg2.jpg" alt="" onerror="this.src=/lancewk/img/loading.gif; this.onerror = null;"/></a><div class="blog-slider__content"><span class="blog-slider__code">2024-04-10</span><a class="blog-slider__title" onclick="pjax.loadUrl(&quot;post/5372cc32.html&quot;);" href="javascript:void(0);" alt="">Butterfly 安裝文檔(二) 主題頁面  Butterfly</a><div class="blog-slider__text">再怎么看我也不知道怎么描述它的啦！</div><a class="blog-slider__button" onclick="pjax.loadUrl(&quot;post/5372cc32.html&quot;);" href="javascript:void(0);" alt="">详情       </a></div></div><div class="blog-slider__item swiper-slide" style="width: 750px; opacity: 1; transform: translate3d(0px, 0px, 0px); transition-duration: 0ms;"><a class="blog-slider__img" onclick="pjax.loadUrl(&quot;post/f0a4488f.html&quot;);" href="javascript:void(0);" alt=""><img width="48" height="48" src="https://s2.loli.net/2024/04/12/eE8bJqYWshiOcmx.png" alt="" onerror="this.src=/lancewk/img/loading.gif; this.onerror = null;"/></a><div class="blog-slider__content"><span class="blog-slider__code">2024-04-03</span><a class="blog-slider__title" onclick="pjax.loadUrl(&quot;post/f0a4488f.html&quot;);" href="javascript:void(0);" alt="">hexo教程</a><div class="blog-slider__text">hexo博客搭建教程</div><a class="blog-slider__button" onclick="pjax.loadUrl(&quot;post/f0a4488f.html&quot;);" href="javascript:void(0);" alt="">详情       </a></div></div></div><div class="blog-slider__pagination swiper-pagination-clickable swiper-pagination-bullets"></div></div></div>';
    console.log('已挂载butterfly_swiper')
    parent_div_git.insertAdjacentHTML("afterbegin",item_html)
    }
  var elist = '/about/,/archives/,/categories/,/gallery/,/license/,/link/,/movies/,/music/,/tags/,/page/'.split(',');
  var cpage = location.pathname;
  var epage = 'all';
  var flag = 0;

  for (var i=0;i<elist.length;i++){
    if (cpage.includes(elist[i])){
      flag++;
    }
  }

  if ((epage ==='all')&&(flag == 0)){
    butterfly_swiper_injector_config();
  }
  else if (epage === cpage){
    butterfly_swiper_injector_config();
  }
  </script><script defer src="/lancewk/js/swiper.min.js"></script><script defer data-pjax src="/lancewk/js/swiper_init.js"></script><!-- hexo injector body_end end --><script src="/lancewk/node_modules/lib/L2Dwidget.min.js?094cbace49a39548bed64abff5988b05"></script><script>L2Dwidget.init({"pluginRootPath":"node_modules/","pluginJsPath":"lib/","pluginModelPath":"assets/","tagMode":false,"debug":false,"model":{"jsonPath":"/lancewk/node_modules/assets/assets/rem.model.json"},"display":{"position":"right","width":200,"height":300},"mobile":{"show":false},"log":false});</script></body></html>